/*=========header start=========*/
#header .header-content{
    display: flex; /*弹性布局*/
    justify-content: space-between; /*两端对齐*/
}
#header .header-content .layui-nav{
    background-color: #fafafa;
}
#header .header-content .layui-nav .layui-nav-item a{
    color: black;
}
#header .header-content .layui-nav .layui-nav-item .login{
    padding-right: 10px;
    color: #ff5722;
}
#header .header-content .layui-nav .layui-nav-item .register{
    padding-left: 0px;
}
#header .header-content .layui-nav .layui-nav-item .register:hover{
    color: #ff5722;
}
/*=========header end=========*/
/*=========main start=========*/
#main{
    color: black;
}
#main .main-content{
    display: flex;
    justify-content: center;
}
/*=========menu start=========*/
#main .main-content .menu{
    position: relative;
}
#main .main-content .layui-menu li{
    position: static;
}
#main .main-content .menu .layui-menu-body-panel{
    margin-left: 0px;
    width: 778px;
}
#main .main-content .menu .layui-breadcrumb a{
    display: inline-block;
}
/*=========menu end=========*/
/*=========banner start=========*/
#main .main-content #banner img{
    height: 100%;
    width: 778px;
}
/*=========banner end=========*/
/*=========good-goods start=========*/
#main .good-goods .layui-elem-field legend{
    font-weight: 400;
}
#main .good-goods .layui-elem-field legend span{
    letter-spacing: 2px;
    margin-right: 10px;
}
#main .good-goods .layui-elem-field legend .layui-badge{
    vertical-align: middle; /*中线对齐*/
}
#main .good-goods .layui-card-header{
    width: 225px;
    height: 225px;
    padding: 0;
}
#main .good-goods .layui-card-header .img{
    height: 100%;
    background:black;
    border-radius: 15px; /*小圆角*/
}
#main .good-goods .layui-card-header .img img{
    height: 100%;
    opacity: 0.9; /*透明度*/
}
#main .good-goods .layui-card-header img:hover{
    opacity: 0.8;
    transition: all .3s; /*滑入滑出透明度*/
}
#main .good-goods .layui-card-body {
    width: 225px;
    padding: 10px 0;
}
#main .good-goods .layui-card-body h4{
    font-size: 18px;
    text-align: center;

}
#main .good-goods .layui-card:hover h4{
    color: orange;
}
#main .good-goods .layui-card-body p{
    white-space: nowrap; /*文本不换行*/
    overflow: hidden; /*超出部分隐藏*/
    text-overflow: ellipsis;/*省略号*/
    color: gray;
}
/*=========good-goods end=========*/
/*=========main end=========*/
/*=========footer start=========*/
#footer{
    color: white;
}
#footer a{
    color: white!important;
}
#footer .footer-one{
    height: 60px;
    background-color: gray;
    text-align: center;
}
#footer .footer-one p{
    line-height: 30px;
    height: 30px;
}
#footer .footer-one .about-me{
    color: white;
    font-size: 14px;
    margin-left: 20px;
}
#footer .footer-one .about-me i{
    margin-right: 6px;
}
#footer .footer-one .tel{
    color: white;
}
#footer .footer-two{
    height: 60px;
    background-color: black;
    text-align: center;
    line-height: 60px;
    height: 60px;
}
/*=========footer end=========*/